<div class="top-size-lg has-footer">
    <div style="margin-top: 10px;">
        <uib-tabset active="1">
            <uib-tab ng-repeat="video in videos" index="$index" heading="{{video.headText}}"
                     select="getVideos(video.heading, $index)">
                <div>
                    <div ng-if="video.data[0]" class="banner" style="padding:10px;"
                         ui-sref="app.video.detail.player({'videoId':video.data[0].id})">
                        <div class="video-vip text-center">
                            <div class="vip-stys">
                                <div ng-if="video.data[0].needMember" class="vip-flag vip-flag-1 font-12">VIP
                                    <i ng-if="video.data[0].enabled == false" class="iconfont icon-lock"></i>
                                </div>
                                <img ng-src="{{video.data[0].thumb}}"
                                     style="width:100%;max-width: 650px;text-align: center">
                            </div>
                            <h4 style="margin:8px 0;">
                                <span ng-if="video.data[0].instrument">{{video.data[0].instrument + ' '}}</span>
                                <span>{{video.data[0].title}}</span>
                            </h4>
                            <p style="">{{video.data[0].updated | myDate}}</p>
                        </div>
                    </div>
                    <ul class="videos clearfix">
                        <p ng-if="video.data.length<=0" style="color:red;text-align: center;margin-top:20px;">
                            <span><i class="iconfont icon-ku"></i></span>
                            <span>暂无视屏数据！</span>
                        </p>
                        <li class="col-xs-12 col-sm-4 col-md-3 col-lg-2 videolist" ng-repeat="item in video.data"
                            ng-if="$index > 0">
                            <div class="clearfix videodi" ui-sref="app.video.detail.player({'videoId':item.id})">
                                <div class="col-xs-4 col-sm-12 videoimg" style="padding: 0;">
                                    <div ng-if="item.needMember" class="vip-flag vip-flag-2 font-12 text-center">VIP
                                        <i ng-if="item.enabled == false" class="iconfont icon-lock"></i>
                                    </div>
                                    <img ng-src="{{item.thumb}}" width="100%" height="100%">
                                </div>
                                <div class="col-xs-8 col-sm-12">
                                    <h5 style="margin: 8px 0;">
                                        <span ng-if="item.instrument">{{item.instrument + ' '}}</span>
                                        <span style="font-size: 12px;">{{item.title}}</span>
                                    </h5>
                                    <p style="font-size: 12px;">{{item.updated | myDate}}</p>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </uib-tab>
        </uib-tabset>
    </div>
</div>